<template>
    <div>
        <el-card>
              <el-alert
    title="消息提示的文案"
    type="info"
    center
    show-icon
     :closable="false">
  </el-alert>
<el-steps :active="active" finish-status="success">
      <el-step title="基本信息"></el-step>
        <el-step title="商品参数"></el-step>
        <el-step title="商品属性"></el-step>
        <el-step title="商品图片"></el-step>
        <el-step title="商品内容"></el-step>
        <el-step title="完成"></el-step>
</el-steps>
  <el-tabs tab-position="left" style="height: 200px;">
    <el-tab-pane label="用户管理">用户管理</el-tab-pane>
    <el-tab-pane label="配置管理">配置管理</el-tab-pane>
    <el-tab-pane label="角色管理">角色管理</el-tab-pane>
    <el-tab-pane label="定时任务补偿">定时任务补偿</el-tab-pane>
  </el-tabs>

        </el-card>
    </div>
</template>
<script>
export default {
    data() {
        return {
            active:2
        }
    },
}
</script>
<style lang="scss" scoped>

</style>